import React, {Component} from 'react';
import { StyleSheet, View, Text, ScrollView } from 'react-native';

import { Selection } from 'iftide';
import Basic from './demo/Basic';
import Basic1 from './demo/Basic1';
import Basic2 from './demo/Basic2';
import Basic3 from './demo/Basic3';

export default class Selection_Demo extends Component {
    constructor(props) {
        super(props);
    }

    render() {
        return (
            <ScrollView>
                <View>
                    <Text style={styles.text}>普通</Text>
                    <Basic/>

                    <Text style={styles.text}>普通 - 禁用</Text>
                    <Basic1/>

                    <Text style={styles.text}>分组合并</Text>
                    <Basic2/>

                    <Text style={styles.text}>投资理财</Text>
                    <Basic3/>
                </View>
            </ScrollView>
        );
    }
}

const styles = StyleSheet.create({
    text: {
        fontSize: 14,
        color: '#333333',
        padding: 13,
        backgroundColor: '#F5F7F9',
    }
});